<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../script/jqmobile/jquery.mobile-1.0.css" />
<script type="text/javascript" src="../script/jquery/jquery-1.6.4.js"></script>
<script type="text/javascript" src="../script/jqmobile/jquery.mobile-1.0.js"></script>
</head>
<body class="ui-mobile-viewport">
	<!-- First Page -->
	<div data-role="page" id="home" data-title="Home">
		<div data-role="header">
		<h1>Welcome Home</h1>
		</div>
		<div data-role="content">
		<a href="#contact" data-role="button">Contact Us</a>
		</div>
	</div>
	<!-- Second Page -->
	<div data-role="page" id="contact" data-title="Contact">
		<div data-role="header">
		<h1>Contact Us</h1>
		</div>
		<div data-role="content">
		Contact information...
		</div>
		<script type="text/javascript">
		/* Page specific scripts here */
		</script>
	</div>
</body>
</html>